<!DOCTYPE html>
<html>
	<head>
		<!-- 声明文档使用的字符编码 -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<!-- 为移动设备添加 viewport -->
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!--强制Chromium内核作用于360浏览器、QQ浏览器等国产双核浏览器-->
		<meta name="renderer" content="webkit" />
		<!--强制Chromium内核，作用于其他双核浏览器-->
		<meta name="force-rendering" content="webkit" />
		<!--如果有安装 Google Chrome Frame 插件则强制为Chromium内核，否则强制本机支持的最高版本IE内核，作用于IE浏览器：-->
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />

		<title>众测</title>
		<meta name="keywords" content="众测">
		<meta name="description" content="众测">
		<link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="stylesheet" href="css/zhongce.css" />
		<script type="text/javascript" src="js/setFontSize.js"></script>
	</head>
	<body>
		<main class="pab146">
			<a href="javascript:history.back(-1)" class="backIcon"></a>
			<section class="proPhotos">
				<div class="PhotosSwi">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<img class="photo" src="img/pic.jpg" alt="" />
							</div>
							<div class="swiper-slide">
								<img class="photo" src="img/pic.jpg" alt="" />
							</div>
							<div class="swiper-slide">
								<img class="photo" src="img/pic.jpg" alt="" />
							</div>
						</div>
						<!-- Add Pagination -->
						<div class="swiper-pagination swiper-pagination-white"></div>
					</div>
				</div>
			</section>
			<section class="goodsStatus">
				<div class="container clearfix">
					<p class="status left">免费申请中</p>
					<div class="time right cutDown" data-times="2020/01/20,20:20:20" style="display: inline-block;">
					    距结束仅剩<span class="date"> 00 </span>天 
						<span class="hour"> 00 </span>时 
					    <span class="minutes"> 00 </span>分 
					    <span class="seconds"> 00 </span>秒
					</div>
				</div>
			</section>
			<section class="goodsInfo whiteBg mbt20">
				<div class="container">
					<h6 class="goodsName">第三期 | 商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名</h6>
				</div>
				<div class="goodsNums clearfix">
					<div class="item">
						<p class="name">价值</p>
						<b class="num">￥499</b>
					</div>
					<div class="item">
						<p class="name">限量</p>
						<b class="num">50份</b>
					</div>
					<div class="item">
						<p class="name">已申请</p>
						<b class="num">25400人</b>
					</div>
				</div>
			</section>
			<section class="goodsProcess whiteBg mbt20">
				<div class="container">
					<h4 class="goodsTit">试用流程<a href="rule.html" class="rule">活动规则 ></a></h4>
				</div>
				<img src="img/process2.jpg" class="pic"/>
			</section>
			<section class="goodsDetail whiteBg">
				<div class="container">
					<h4 class="goodsTit">商品详情</h4>
					<div class="article">
						<img src="img/detail.jpg" />
					</div>  
				</div>
			</section>
		</main>
		<footer class="footer2 clearfix">
			<a href="#" class="item buy">立即购买</a>
			<a href="applyForm.html" class="item apply">免费申请</a>
		</footer>
		<!--jq-->
		<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
		<!--弹窗-->
		<script type="text/javascript" src="js/layer/layer.js"></script>
		<!--图片滚动-->
		<script type="text/javascript" src="js/swiper.min.js"></script>
		<!--main js-->
		<script type="text/javascript" src="js/zhongce.js"></script>
	</body>
</html>
